<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<title>新增书籍</title>
	<meta charset="utf-8">
	<!-- 引入 Bootstrap -->
	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="addBook" class="container">
	<div class="row clearfix">
		<div class="col-md-12 column">
			<div class="page-header">
				<h1>
					<small>新增书籍</small>
				</h1>
			</div>
		</div>
	</div>
	<form method="post">
		书籍名称：<input type="text" v-model="v_bookName" required><br>
		书籍数量：<input type="text" v-model="v_bookCounts" required><br>
		书籍详情：<input type="text" v-model="v_detail" required><br>
		<input type="button" @click="addBooks()" value="添加">
	</form>
</div>
<script src="../js/addBook.js"></script>